body {
    background-color: var(--themeColor);
}

.main {
    padding-top: 1.7rem;
    padding-bottom: 1.4rem;
}

.main .items {
    background-color: var(--ff);
    border-radius: .16rem;
    position: relative;
}

.main .items .middle > img {
    width: .4rem;
    height: .4rem;
}

.main .items .middle > span {
    font-weight: 500;
    font-size: .30rem;
    color: var(--dcl);
    margin-left: .13rem;
}

.main .items .desc {
    font-weight: 400;
    font-size: .25rem;
    color: var(--c9);
}

.main .items .formal {
    font-weight: bold;
    font-size: .3rem;
    color: var(--dcl);
}

.main .items .piece {
    margin-bottom: .2rem;
}

.main .items .piece:last-child {
    margin-bottom: 0;
}

.main .items .status-1 {
    color: var(--bd2);
}

.main .items .status-3 {
    color: var(--bd);
}

.main .items .status-2 {
    color: var(--succ);
}